* {
    margin: 0;
    padding: 0;
}



.box {
    width: 100%;
}

.header {
    width: 100%;
    height: 40px;
    background-color: rgb(241, 233, 232);
    position: fixed;
    z-index: 99;
    color: rgb(57, 179, 236);
    font-size: 20px;
    font-family: '宋体';
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}


/* 清除高度塌陷 */

.header::after {
    content: '';
    display: block;
    clear: both;
}

.content {
    width: 100%;
    /* background-color: rgb(105, 192, 55); */
    position: relative;
    top: 40px;
    bottom: 40px;
    overflow: auto;
    margin-bottom: 40px;
}
.content .list{
    overflow: auto;
}
.list li {
    width: auto;
    /* background-color: rgb(57, 179, 236); */
    text-align: center;
    line-height: 40px;
    margin-top: 10px;
}

.left img {
	display:inline-block;
	width:36px;
	margin:10px;
	float:left;
	/* margin-left:10px; */
}


.left p {
    display: block;
    width: auto;
    color: #505050;
    margin-left: 60px;
    

    padding: 10px 10px;
    
    font-size: 20px;
    background: rgb(84, 255, 135);
    border-radius: 6px;
    text-align: left;
}
.right img {
	display:inline-block;
	width:36px;
	margin:10px;
	float:right;
	/* margin-right:10px; */
}


.right p {
   display: block;
    color: #505050;
    margin-right: 60px;
   
    padding: 10px 10px;
    
    font-size: 20px;
    background: rgb(118, 250, 255);
    border-radius: 6px;
    text-align: left;
}

.content-bottom{
   
    height: 70px;
  }

.footer {
    width: 100%;
    height: 65px;
    background-color: rgb(116, 57, 175);
    position: fixed;
    bottom: 0px;
}
.footer::after {
    content: '';
    display: block;
    clear: both;
}
.footer .myInput{
    display: inline-block;
    height:30px;
    width:250px;
    font-size:20px;
    border-radius:5px;
    border:1px solid #999999;
    /* 绘制于元素周围的一条线无效 */
    outline:none;
    position:absolute;
  /* 高度是父盒子的一半 */
    top:50%;
    margin-top: -15px;
    margin-left:20px;
  }
.footer .out{
    height:32px;
    width: 60px;
    display: inline-block;
    position: absolute;
    right:30px;
    /* 绘制于元素周围的一条线无效 */
    outline:none;
    top:50%;
    border:1px solid #999999;
    border-radius: 5px;
    margin-top: -16px;
    font-size:17px;
   
  } 
/* .footer .out:hover{
    background-color: rgb(208, 211, 65);
  } */